<!-- body -->
<div class="body-cont">
  <div class="col-9 row">
        <div class="mod">
        	<div class="mod-bread"><a href="#">Trang chủ </a>> <a href="#">Dự án</a> > <a href="#">Tư vấn</a></div>
            <div class="pro-tit line-dot">
            	<h1>Dự án xây dựng mạng xã hội thời trang  retro/vintage dành cho giới trẻ<b class="social-top">
        	<a href="#"><img src="images/soc_01.png" /></a><a href="#"><img src="images/soc_03.png" /></a><a href="#"><img src="images/soc_05.png" /></a><a href="#"><img src="images/soc_07.png" /></a>
        </b>   </h1>
                <span><input type="button" value="Tham gia dự án" /></span>
            </div>
            <div class="pro-stat">
            	<p>Số người tham gia: <b>3</b> | Giá trung bình:<b>15 triệu</b><br />Mã số dự án:<b>1234</b><br />Loại dự án: <b>cố định</b><br />Khoảng tài chính: <b>300.000</b> - <b>1.000.000 MO</b><p><span>Thời gian còn lại: <b>2 ngày</b></span>
            </div>
            <div class="pro-detail">
            	<div class="descr">
                	<h1>Mô tả:</h1>
                    <p>
                    	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eleifend bibendum leo, at laoreet risus semper varius. Nunc gravida neque at lacus euismod eget blandit nulla consequat. Aenean elit sem, porta quis feugiat sit amet, feugiat bibendum leo. Proin sed nisl felis. Sed ac eros faucibus nibh dapibus tempus. In lobortis suscipit arcu, in consequat velit ultricies non. Nam non mollis nunc. Duis posuere scelerisque commodo. Donec vel leo lorem. Integer egestas, dolor feugiat sodales sagittis, diam eros mollis ante, ut egestas lacus tellus a risus. Phasellus viverra feugiat leo, quis semper lectus dictum et. Sed ultricies, erat quis vulputate dapibus, sem nibh imperdiet lorem, eget placerat dolor nisl sed elit. Cras viverra adipiscing interdum. Suspendisse mattis lobortis est vel dignissim.</p>

<p>Sed at enim tincidunt lectus blandit imperdiet vitae ut purus. Fusce est magna, aliquet ac pretium id, mattis id tellus. Phasellus vel tortor at mauris condimentum tristique. Proin placerat consectetur urna, sit amet pellentesque dui mollis vitae. Praesent tempus est eget felis hendrerit ullamcorper.
                    </p>
                </div>
                <div class="creator">
                <h1>Người tạo</h1>
                <p class="ava line-dot"><img src="images/ava2.gif" align="left" />Nguyễn Văn An <br /><img src="images/star.png" /><img src="images/star.png" /><img src="images/star.png" /></p>
      yêu cầu kĩ năng: <b>Quản lí dự án, Phân tích rủi ro</b>	
                </div>
            </div>
            <div class="clr"></div>
        </div>
        <div class="clr"></div>
        <div class="mod">
          <div class="mod-tit"><a href="#">Số người tham gia dự án</a></div>
          <div class=" mod-cont">
            <div class="table">
              <table cellpadding="3" cellspacing="3" border="0" width="100%">
                <tr>
                  <th width="35%">Người tham gia</th>
                  <th >Thông điệp</th>
                  <th width="20%">Giá</th>
                  <th  width="15%">Tham gia</th>
                </tr>
              </table>
            </div>
            <div class="table">
              <!--div class="tag-new"><img src="images/new.png" /></div-->
              <table cellpadding="3" cellspacing="3" border="0" width="100%">
                <tr>
                  <td width="35%"><div class="ava">
                <img src="images/ava2.gif" align="left" />Nguyễn Văn An <br /><img src="images/star.png" /><img src="images/star.png" /><img src="images/star.png" /></div></td>
                  <td  align="center">Tôi sẽ hoàn thành tốt</td>
                  <td  width="20%" align="center">3.000.000<br />
                    Trong 5 ngày</td>
                  <td width="15%" align="center">Cách đây 1h</td>
                </tr>
              </table>
            </div>
            <div class="table">
              <table cellpadding="3" cellspacing="3" border="0" width="100%">
                <tr class="odd">
                  <td width="35%" align="left"><div class="ava">
                <img src="images/ava2.gif" align="left" />Nguyễn Văn An <br /><img src="images/star.png" /><img src="images/star.png" /><img src="images/star.png" /></div></td>
                  <td align="center">Tôi sẽ hoàn thành tốt</td>
                  <td  width="20%" align="center">3.000.000<br />
Trong 5 ngày</td>
                  <td width="15%" align="center">12/12/13</td>
                </tr>
              </table>
            </div>
            <div class="table">
              <table cellpadding="3" cellspacing="3" border="0" width="100%">
                <tr>
                  <td width="35%" align="left"><div class="ava">
                <img src="images/ava2.gif" align="left" />Nguyễn Văn An <br /><img src="images/star.png" /><img src="images/star.png" /><img src="images/star.png" /></div></td>
                  <td align="center">Tôi sẽ hoàn thành tốt</td>
                  <td  width="20%" align="center">3.000.000<br />
Trong 5 ngày</td>
                  <td width="15%" align="center">12/12/13</td>
                </tr>
              </table>
            </div>
          </div>
          <div class="clr"></div>
        </div>
        <div class="clr"></div>
        

	</div>
    <div class="col-3 row">
    	<div class="social-top">
        	<a href="#"><img src="images/soc_01.png" /></a><a href="#"><img src="images/soc_03.png" /></a><a href="#"><img src="images/soc_05.png" /></a><a href="#"><img src="images/soc_07.png" /></a>
        </div>      
        
    	<div class="clr"></div>
    	<div class="post-tit"><a href="#" class="active">Người thuê</a><a href="#" class="next">Người làm</a></div>
      <div class="mod">
    	
    		<div class="mod-cont post">
  <ul>
                    <li ><a href="#">Quản lí dự án</a></li>
                    <li  ><a href="#">Thông báo đăng kí m</a></li>
            </ul>
   		  </div>
            <div class="post-button"><input class="orange" type="button" value="Đăng dự án mới" /></div>
        <div class="clr"></div>
   	  </div>
        <div class="clr"></div>
		<div class="mod">
    	<div class="mod-tit"><a href="#">Dự án tương tự</a></div>
    	<div class="mod-cont more-pro">
  <ul>
                    <li ><a href="#">Suspendisse et ultrices metus. In ipsum lectus,</a></li>
                    <li  ><a href="#">Suspendisse et ultrices metus. In ipsum lectus,</a></li>
                    <li ><a href="#">Suspendisse et ultrices metus. In ipsum lectus,</a></li>
                    <li  ><a href="#">Suspendisse et ultrices metus. In ipsum lectus,</a></li>
                    <li ><a href="#">Suspendisse et ultrices metus. In ipsum lectus,</a></li>
                    <li  ><a href="#">Suspendisse et ultrices metus. In ipsum lectus,</a></li>
            </ul>
            <span><a href="#">Xem tất cả</a></span> 
   		  </div>
        <div class="clr"></div>
    	</div>
        <div class="clr"></div>
        <div class="mod"><img src="images/banner2.gif" /></div>
    </div>
	<div class="clr"></div>    
</div>
<div class="clr"></div>
<!-- end body -->